<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>A Test Page Title</title>
</head>
<body style="width: 100%;height: 100%">
    <div style="height: 40px">
        <div style="float: right; width: 10%">
            name :
            <span th:text="${name}" style="padding-left: 10px"></span>
        </div>
    </div>
    <div style="width: 68%; margin: auto; background-color: aliceblue ">
        <div style="height: 100%" >
            <p style="margin: auto; width: fit-content">这是一个测试页面</p>
        </div>
        <div>
            <input type="datetime-local" id="date">
            <button id="btn">点击</button>
            <p id="dispalyArea"></p>
        </div>
    </div>
    <div style="width: 100%; height: 120px; bottom: 0; position: fixed">
        <div style="background-color: blue; width: 100%; height: 100%"></div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
        <script type="text/javascript">

            $("#btn").click(function(){
               console.log($("#date").val())
            });
        </script>
</html>